<template>
  <el-container class="common-container">
    <el-aside class="common-aside" :width="$store.state.base.navCollapse? 'auto': '200px'">
      <common-aside/>
    </el-aside>
    <el-container>
      <el-header class="common-header">
        <common-head/>
      </el-header>
      <nav-tabs/>
      <el-main class="common-main">
        <router-view/>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import CommonHead from './components/CommonHead.vue'
import CommonAside from './components/CommonAside.vue'
import NavTabs from './components/NavTabs.vue'
export default {
  name: 'Admin',
  components: {
    CommonHead,
    CommonAside,
    NavTabs
  }
}
</script>

<style lang="scss" scoped>
.common-container{
  height: 100vh;
  .common-header{
   background-color: #fff;
  }
  .common-aside{
    background-color: rgb(48, 65, 86);
    color: #fff;
  }
  .common-main{
    
  }
}

</style>
